<template>
  <div class="app-container">
    <el-row>
      <el-col :span="24" class="card-box" style="text-align: center">
        <h2>机构信息详情</h2>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24" class="card-box userinfo-row-col">
        <el-card>
          <div slot="header" class="clearfix">
            <span>基本信息</span>
          </div>
          <div>
            <el-row>
              <el-col :span="4" class="row_data_left">
                <div class="cell">机构名称：</div>
              </el-col>
              <el-col :span="8" class="row_data_right">
                <div class="cell">{{ organName }}</div>
              </el-col>
              <el-col :span="4" class="row_data_left">
                <div class="cell">邮编：</div>
              </el-col>
              <el-col :span="8" class="row_data_right">
                <div class="cell">362000</div>
              </el-col>
            </el-row>
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>

</template>

<script>
  import {getOrgan} from "@/api/business/organ";

  export default {
    name: "organ-info",

    data() {
      return {
        id: null,
        no: null,
        organName: null,
        organLevel: null,
        provinceName: null,
        cityName: null,
        operatorUser: null,
        contactsName: null,
        auditStatus: 0
      }
    },
    created() {
      this.id = this.$route.params.id;
      console.info(this.id);
      this.handlerGetOrgan(this.id);
    },
    methods: {
      handlerGetOrgan(id) {
        getOrgan(id).then(response => {
          console.info(response.data);
          this.no = response.data.no;
          this.organName = response.data.organName;
          this.organLevel = response.data.organLevel;
          this.provinceName = response.data.provinceName;
          this.cityName = response.data.cityName;
          this.operatorUser = response.data.operatorUser;
          this.operatorUser = response.data.operatorUser;
          this.contactsName = response.data.contactsName;
          this.auditStatus = response.data.auditStatus;
        });
      }
    }
  }
</script>

<style scoped>
  .row_data_left {
    color: gray;
    padding-top: 10px;
    padding-right: 20px;
    text-align: right;
  }
  .row_data_right {
    padding-top: 10px;
    padding-left: 20px;
    text-align: left;
  }
</style>
